<html>
<head>
    <style>p { height: 100px; border:1px solid red;}</style>
    <script>
    window.onload = function(){
        // Locate the paragraph to check the height of
        var p = document.getElementsByTagName("p")[0];

        p.style.width = '300px';

        // Check the height the traditional way
        console.log( p.style.height + " should be null" );

        // Check the computed value of the height
        console.log( getStyle( p, "height" ) + " should be 100px" );
    };
    </script>
</head>
<body>
    <p>I should be 100 pixels tall.</p>

    <script src="01-getStyle.js"></script>
</body>
</html>

